<?php $this->load->view('header',array('title'=>$title));?>
<style>
<!--
body, html {
	  background-color: #FFF;
}
-->
</style>
<div class="mktSpotCont" >				  
	<div id="looksWrapper" style="height: 381px; top: 109.62px; left: 28px; right: 45px;">
	  <div id="looksCont" class="looksCont" style="height: 328px; width: 4232px; top: 0px; left: 0px; margin-left: 0px; visibility: visible; opacity: 1;">
	  		<ul class="looks">
	  			<?php foreach($ccate as $i=>$cate):?>
	  			<li style="height: 328px; width: 218px; left: <?php echo $i*223;?>px; top: 0px;" class="look">
	  				<a href="<?php  echo site_url( 'category/ccate/'.$cate['cat_id'])?>">
	  				<div class="lookPhoto">
	  					<div style="visibility: hidden;" class="shadow">
		  					<div class="lt"></div><div class="rt"></div>
		  					<div class="lb"></div><div class="rb"></div>
	  					</div>	  					
	  					<img style="visibility: visible; opacity: 1;" alt="" src="http://static.zara.net/photos//2012/V/1/l/7455922/7455922_1_1_4.jpg?timestamp=20120530000000">
	  					<div style="visibility: visible; opacity: 0;" class="lookPhotoFoot"><?php echo $cate['cat_name']?></div>	  				
	  				</div>
	  				</a>
	  			</li>
	  			<?php endforeach;?>
	  		</ul>
	  </div>
	</div>
	<div id="looksSlider">
	  <div class="knob"></div>
	</div>
	
	<div id="looksDetails" class="fullScreen"></div>
</div>

<?php $this->load->view('widgets/nav');?>
<div class="line">
	<div class="unit">
		
	</div>
</div>
<div class="plus" style="position: absolute; background: url('<?php echo base_url('style/images/ico_zoom.png')?>') no-repeat scroll 45px 85px transparent; width: 200px; height: 140px; cursor: pointer; top: 0px; left: 0pt; display: block; visibility: visible; z-index: 1001; opacity: 1;"></div>
<?php $this->load->view('footer');?>